<!DOCTYPE html>
<html>
<head>
<?php include_once VIEWS.'inc/head.php'; ?>
<?php
	echo static_file('web/js/jquery.lazyload.min.js');;
	
?>
</head>

<body>
	<div class="main">
		<?php include_once VIEWS.'inc/header.php'; ?>
		<section class="program">
			<div class="abanner">
				<img src="<?php echo static_file('web/img/dbanner.jpg')?>" alt="">
			</div>
			<div class="case_box">
				<div class="title wow fadeInUp">
					<div class="cn">户用屋顶电站案例</div>
					<div class="en">Home roof power station case</div>
				</div>
				<div class="case_list w1440 wow fadeInUp">
					<ul class="f-cb">
						<li>
							<a href="<?php echo site_url('about/news/detail'); ?>">
								<div class="pic">
									<img src="<?php echo static_file('web/img/case1.jpg')?>" alt="">
								</div>
								<div class="txt">辽宁省葫芦岛南票区5.2KW</div>
							</a>
						</li>
						<li>
							<a href="<?php echo site_url('about/news/detail'); ?>">
								<div class="pic">
									<img src="<?php echo static_file('web/img/case2.jpg')?>" alt="">
								</div>
								<div class="txt">杭州融创河滨之城</div>
							</a>
						</li>
						<li>
							<a href="<?php echo site_url('about/news/detail'); ?>">
								<div class="pic">
									<img src="<?php echo static_file('web/img/case3.jpg')?>" alt="">
								</div>
								<div class="txt">武汉左岭新城</div>
							</a>
						</li>
						<li>
							<a href="<?php echo site_url('about/news/detail'); ?>">
								<div class="pic">
									<img src="<?php echo static_file('web/img/case4.jpg')?>" alt="">
								</div>
								<div class="txt">万科青岛小镇</div>
							</a>
						</li>
						<li>
							<a href="<?php echo site_url('about/news/detail'); ?>">
								<div class="pic">
									<img src="<?php echo static_file('web/img/case5.jpg')?>" alt="">
								</div>
								<div class="txt">黄冈交通大厦</div>
							</a>
						</li>
						<li>
							<a href="<?php echo site_url('about/news/detail'); ?>">
								<div class="pic">
									<img src="<?php echo static_file('web/img/case6.jpg')?>" alt="">
								</div>
								<div class="txt">武汉梦湖香郡</div>
							</a>
						</li>
						<li>
							<a href="<?php echo site_url('about/news/detail'); ?>">
								<div class="pic">
									<img src="<?php echo static_file('web/img/case7.jpg')?>" alt="">
								</div>
								<div class="txt">连云港徐圩邻里中心</div>
							</a>
						</li>
						<li>
							<a href="<?php echo site_url('about/news/detail'); ?>">
								<div class="pic">
									<img src="<?php echo static_file('web/img/case8.jpg')?>" alt="">
								</div>
								<div class="txt">天津世贸生态城</div>
							</a>
						</li>
						<li>
							<a href="<?php echo site_url('about/news/detail'); ?>">
								<div class="pic">
									<img src="<?php echo static_file('web/img/case9.jpg')?>" alt="">
								</div>
								<div class="txt">武汉融科花满庭-单机</div>
							</a>
						</li>
						<li>
							<a href="<?php echo site_url('about/news/detail'); ?>">
								<div class="pic">
									<img src="<?php echo static_file('web/img/case7.jpg')?>" alt="">
								</div>
								<div class="txt">连云港徐圩邻里中心</div>
							</a>
						</li>
						<li>
							<a href="<?php echo site_url('about/news/detail'); ?>">
								<div class="pic">
									<img src="<?php echo static_file('web/img/case8.jpg')?>" alt="">
								</div>
								<div class="txt">天津世贸生态城</div>
							</a>
						</li>
						<li>
							<a href="<?php echo site_url('about/news/detail'); ?>">
								<div class="pic">
									<img src="<?php echo static_file('web/img/case9.jpg')?>" alt="">
								</div>
								<div class="txt">武汉融科花满庭-单机</div>
							</a>
						</li>
					</ul>
					<div class="page_box">
						<a href="javascript:;" class="prev"></a>
						<a href="javascript:;" class="active">1</a>
						<a href="javascript:;">2</a>
						<a href="javascript:;">3</a>
						<a href="javascript:;">4</a>
						<a href="javascript:;">5</a>
						<a href="javascript:;">...</a>
						<a href="javascript:;">15</a>
						<a href="javascript:;" class="next"></a>
					</div>
				</div>
			</div>
		</section>
    	<?php include_once VIEWS.'inc/footer.php'; ?>
	</div>
<script>
	$(function(){
		$('header .bocweb-nav ul li').eq(4).addClass('active');
		$("img").lazyload({effect: "fadeIn"});
		$('.case_list ul li .pic').height(Math.floor($('.case_list ul li .pic').width()*(285/450)));
		$(window).resize(function(){
			$('.case_list ul li .pic').height(Math.floor($('.case_list ul li .pic').width()*(285/450)));
		});
	})
</script>
</body>
</html>